<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> {{title}} </title>

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css"/>

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>

</head>

<body>

<div data-role="page" id="home">
<div data-role="header" data-theme="b">
<a href="./" data-icon="home" data-iconpos="notext" data-transition="fade">Home</a>
<h1>Just Bytes</h1>
</div>

<div data-role="content">
<ul data-role="listview" data-theme="a" data-inset="true" >
<li><a href="./dining" data-ajax="false" data-transition="fade"><img src="/images/indian_food.jpg" class="ui-li-thumb"/><h2 class="ui-li-heading">Bytes to eat</h2></a></li>
<li><a href="#" data-ajax="false" data-transition="fade"><img src="/images/binary.jpg" class="ui-li-thumb"/><h2 class="ui-li-heading">Bytes to code</h2></a></li>
</ul>
</div>



<div data-role="footer"  data-theme="a">
<div data-role="navbar">
<ul>
<li><a href="#" data-icon="home" data-iconpos="notext">Home</a></li>
<li><a href="#" data-icon="home" data-iconpos="notext">Food</a></li>
<li><a href="#" data-icon="home" data-iconpos="notext">Code</a></li>
</ul>
</div>
</div>



</div>


</body>

</html>